<link type="text/css" href="jquery/css/smoothness/jquery-ui.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery.ui.all.js"></script>
    <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery/common.js"></script>
    <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery/jquery-ui-i18n.js"></script>
    <script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery/jquery.min.js"></script>
<style>
#ui-datepicker-div {
    font-size:12px;
}
</style>
<script type="text/javascript">
$.fn.koreadate = function(bg){
  // 객체 생성과 동시에 이미지 버튼 설정
  this.datepicker({showOn:'button', buttonImage:'img/calendar.gif', buttonImageOnly:true});
  // 날짜선택 리턴값 설정
  this.datepicker('option',{dateFormat:'yy-mm-dd'});
  // 요일 문자 설정
  this.datepicker('option',{dayNamesMin:['월', '화', '수', '목', '금', '토', '일']});
  // 월 문자 설정
  this.datepicker('option',{monthNames:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월']});
  this.datepicker('option',{monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월']});
  // 월,년도 셀렉트 박스로 선택 가능 하게 설정
  this.datepicker('option', {changeMonth:true,changeYear:true});
  // 하단 설정
  this.datepicker('option', {showButtonPanel: true, currentText: '오늘' , closeText: '닫기' });
  
  return this;
};


$(document).ready(function(){
  $("#datepicker").koreadate();
});
</script>
<p>날짜: <input type="text" id="datepicker" /></p>